body{
    font-family: "SimHei";
}
.box{
    width: 1000px;
    margin: 0 auto;
}
.HeaderContainer {
    z-index: 200;
    position: fixed;
    width: 100%;
    color: #FFFFFF;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#Header {
  position: relative;
  z-index: 200;
  min-height: 70px;
  line-height: 70px;
  font-size: 14px;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
}
.container {
    padding:0;
}
a:visited {
    color: inherit;
}
a {
    color: inherit;
    text-decoration: none !important;
}

#Header .headerLog {
    display:block;
    position:relative;
    float:left;
    width:162px;
    height:70px;
    overflow:hidden;
}
#Header .company-name {
    width:500px;
    display:block;
}
#Header .company-name span{
    font-size:25px;
    margin:0;
}
#Header:after {
  clear: both;
}
@media (max-width: 520px) {
  #Header {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}
.scrollHeader {
  color: #4c4847 !important;
  background-color: #FFFFFF;
  box-shadow: 0 0 3px #939da6;
}
.HeaderContainer {
  z-index: 200;
  position: fixed;
  width: 100%;
  color: #FFFFFF;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.HeaderContainer:hover {
  color: #4c4847;
  /*opacity:0.9;*/
  /*box-shadow: 0 0 3px #939da6;*/
}
#Header .menuBox {
    display:block;
    position:absolute;
    padding:0;
    top:0;
    left:50%;
}
#Header .menuBox .menuDetail{
    display:block;
    float: left;
    text-align:center;
    padding:0 25px;
    cursor:pointer;
    line-height:70px;
    height:70px;
    overflow:hidden;
}
#Header .menuBox .menuDetail span{
    font-weight:700;
    font-size:16px;
    display:block;
    padding-bottom:20px;
}
#Header .menuBox .menuDetail:hover span{
    animation: menumove 1s;
    -webkit-animation:menumove 1s ;
    -moz-animation: menumove 1s; 
    -o-animation:menumove 1s ;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
}
@keyframes menumove
    {
        from {
            transform:scale(1) ;
        }
        to{
            
            transform:scale(1.2);
        }
    }
@media(max-width:1200px) {
    #Header .menuBox .menuDetail {
        padding:0 10px;
    }
    #Header .menuBox {
        width:490px;
    }
}

.textC{
    text-align: center;
}



.foot{
    background-color: #F1F1F2;
    padding: 20px 0;
    border-bottom:1px solid #CCCCCC;
}
.ruiya h3{

}
.ruiya{
    display: inline-block;
    width: 250px;
}
.ruiya img{
    width: 100px;
}
.ruiya h5{
    font-weight: 600;
}
.gps,.site{
    display: inline-block;
    width: 200px;
    vertical-align: top;
    padding-top: 35px;
}
.gps .list{
    display: inline-block;
    width: 49%;
    margin: 3px 0;
}
.gps .list.active{
    color: #53CCC2;
}
.gps .title img,.site .title img{
    width: 120px;
    margin-bottom: 10px;
}
.gps{
    margin-right: 50px;
}
.map{
    display: inline-block;
    width: 230px;
    margin-left: 50px;
    vertical-align: top;
}
.map img{
    padding-top: 40px;
    width: 100%;
}
.copy .txt{
    display:inline-block;
    padding: 10px 0;
    font-weight: 600;
    width:900px;
}
.copy .link{
    display:inline-block;
    right:0;
}






.mapspinIcon {
  position:absolute;
  margin-top:-79px;
  margin-left:167px;
  width: 18px;
  height: 18px;
  display:block;
}
.mapspinIcon .maptopSpin {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: mapspinTopIcon 1.2s linear infinite;
  background-color: #FC500F;
  behavior:url('/templates/onlyets/js/PIE.htc');
}
.mapspinIcon .mapbottomSpin {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: mapspinBottomIcon 0.8s linear infinite;
  background-color: #FC500F;
  behavior:url('/templates/onlyets/js/PIE.htc');
}
@keyframes mapspinTopIcon {
  0% {
    opacity: 0;
    transform: scale(1.5, 1.5);
  }
  100% {
    opacity: 1;
    transform: scale(0, 0);
  }
}
@keyframes mapspinBottomIcon {
  0% {
    opacity: 1;
    transform: scale(0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(1.5, 1.5);
  }
}